/**
 * @description  : 监管页签-item
 * @descriptionDetail : 监管页签-item
 * @copyright    : 浙江烟草
 * @author       : mc
 * @create       : 2022-10-03 13:43:59
 */
<template>
  <view>
    <view class="ellipse" v-if=" regulation.checkResult === 'normal'">
      {{ "正常 " }}
    </view>
    <view class="ellipse ecolor" v-else>
      {{ "异常 " }}
    </view>
    <view class="divided-line">
      <u-row gutter="16" align="top" class="rowde">
        <u-col span="3">
          <view class="msg-title" align="left">
            检查日期：
          </view>
        </u-col>
        <u-col span="9">
          <view class="msg-title">
            {{ regulation.checkTime || "/" }}
          </view>
        </u-col>
      </u-row>
      <u-row gutter="16" align="top" class="rowde">
        <u-col span="3">
          <view class="msg-title" align="left">
            检查类型：
          </view>
        </u-col>
        <u-col span="9">
          <view class="msg-title">
            {{ $u.dic.getDicNameByKeyCode($u.dic.DIC_KEYS.M_TASK_TYPE,regulation.taskType) || "/" }}
          </view>
        </u-col>
      </u-row>
      <u-row gutter="16" align="top" class="rowde">
        <u-col span="3">
          <view class="msg-title" align="left">
            检查情况：
          </view>
        </u-col>
        <u-col span="9">
          <view class="msg-title">
            {{ $u.dic.getDicNameByKeyCode($u.dic.DIC_KEYS.M_CHECK_RESULT,regulation.checkResult) || "/" }}
          </view>
        </u-col>
      </u-row>
      <u-row gutter="16" align="top" class="rowde">
        <u-col span="3">
          <view class="msg-title" align="left">
            检查人员：
          </view>
        </u-col>
        <u-col span="9">
          <view class="msg-title">
            {{ regulation.checkerName || "/" }}
          </view>
        </u-col>
      </u-row>
    </view>
  </view>
</template>

<script>
export default {
  props:{
    regulation:{
      type:Object,
      default:() => {},
    },
  },
  methods:{

  },
}
</script>

<style lang="scss" scoped>
@import "./componets.scss";
.ellipse{
    text-align: center;
    line-height: 50rpx;
    width:15%;
    height: 50rpx;
    background-color: #B7EACC;
    border-radius:20px;
    position: absolute;
    right: 10px;
	color: #219451;
}
.ecolor{
   background-color: #F85E59; 
   color:white;
}
</style>